<!--  vue-loader 解析 .vue 文件， parcel, *[webpack]  -->
<template>
	<!-- <h1>{{ myTitle }} My Counter <button @click="updateProps">update props</button></h1> -->
	<h1>{{ myTitle1 }} My Counter <button @click="updateProps">update props</button></h1>
</template>

<script>
export default {
	// 定义自定义属性，相当于定义函数的参数, 用法与data一样
	// props: ["myTitle", .......],
	props: {
		// myTitle: String, // 添加props类型
		myTitle: {
			type: String,
			default: "我是默认的Title"
			// required: true,
		},
		// myTitle: Object,
	},
	data() {
		return {
			myTitle1: this.myTitle
		}
	},
	methods: {
		updateProps() {
			// this.myTitle = "this.myTitle"
			this.myTitle1 = "this.myTitle"
			console.log(this.myTitle1)
		}
	}
}
</script>

<style></style>
